﻿@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
fieldset, img{border:0;}
table{border-collapse: collapse;border-spacing:0;}
ol,ul{list-style: none;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:normal;font-style:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}
/**resetend**/
body{ background:url(bg_line.png) repeat-x rgb(142,193,218); font-family:'微软雅黑'; font-size:12px}
#wrap{width:100%; background:url();}
#main{ width:900px; margin:0px auto; position:relative}
#logo{padding-top:60px;}
#rbtn{background:url(reg_lbtn.png) no-repeat; width:243px; height:95px; position:absolute; top:-20px;right:30px;}
#lbtn a,#rbtn a{ display:block; text-decoration:none; margin:25px 0px 0px 123px; color:#348EB9; font-size:18px}



/*登陆框*/
#regbox{ 
    
    background: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255,255,255,.3);
    -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    box-shadow: 0 3px 0 rgba(12, 12, 12, 0.03);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
    width:420px; height:300px;}

#regbox #regarea{padding:20px;}
#regbox #regarea h1{font-size:22px; padding-left:22px; letter-spacing:5px;color:#000; float:left;font-weight: 600;}
#regbox #regarea .filed{padding-left:30px; margin:18px 10px 18px 0px; position:relative}
#regbox #regarea .filed label{height:40px; line-height:10px;width:80px; overflow:hidden; font-size:18px; color:#4597BE; text-align:right;letter-spacing:5px; float:left}


.uname {
    background: #fff url(user.png) no-repeat 95% center;
}

.passw {
    background: #fff url(locked.png) no-repeat 95% center;
}

     #regbox #regarea .filed .input {
    width:280px;
    line-height:28px;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    display: block;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 15px;
    float:left;
}



#regbox #regarea .filed .input2{ 
    width:150px; 
    line-height:25px;
    padding-left:8px;background-color: transparent; 
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #e5e6e7;
    border-radius: 1px;
    color: inherit;
    display: block;
    padding: 6px 12px;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    font-size: 14px;
    float:left;
}


#regboxregbox #regarea .filed .curr{ border-color: #1ab394 !important;}


.loginbut {
    width:300px;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
      background-color:#1c84c6;
    border-color:#1c84c6;
    color: #FFFFFF;

}

#regbox #regarea .filed .loading{width:32px; height:32px; position:absolute; left:180px; top:12px}
/*气球*/
#BalloonA{position:absolute;z-index:1; right:-51px; background:url(BalloonA.png) no-repeat; width:278px; height:379px; display:none}
#BalloonB{position:absolute;z-index:1; background:url(BalloonB.png) no-repeat; left:30px; top:360px;width:115px; height:156px; display:none}


/*ie6*/
.ie6{font-size:12px; line-height:1.5em; font-family:'宋体'; color:#006}
.ie6 h1{font-size:18px; padding:5px 0px;color:#2586B3; font-weight:bold;text-shadow:1px 1px 1px #FFF; font-family:'微软雅黑'}

/*footer*/
#footer{ background:url(cloud.png) left top repeat-x; height:260px; width:100%; clear:both; position:absolute;  top:76px; z-index:-1}
*
#copyright{ width:100%; height:100px; top:100%;  margin-top:-100px; font-size:14px; text-align:center; color:#2F8CB8; }
#copyright .nav{ padding-top:55px; text-align:center;}
#copyright .nav li{ display:inline; margin-right:15px}
#copyright .nav li a,#copyright .copy a{color:#2F8CB8;text-decoration:none;text-shadow: 1px 1px 1px #FFFFFF; }
#copyright .nav li a:hover,#copyright .copy a:hover{color:#2D83AC; font-weight:bold}
#copyright .copy{font-size:12px; margin:5px 0px; clear:both}

#errmsg{ font-size:12px; color:#FB1C4E; margin-left:5px;}
/*plugin public*/
.backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff;font-size: 12px;text-align: center;
    position: fixed; _position: absolute; right: 10px; bottom: 200px; _bottom: "auto"; cursor: pointer; opacity: .6; filter: Alpha(opacity=60);
}
.clear{clear:both;}
.clearfix{overflow:auto; zoom:1;}

